<!DOCTYPE html>
<html>

<head>
	<!--
	行内元素 不占据独立的区域,仅仅靠自己的自身的字体大小和图片的大小支撑架构
	一般不可设置高度,宽度,对齐方式等,常用于控制页面的文本的样式
	常用的行内元素有: 
	<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u><spam>等,其中span 最常用
	
	特点: 
	1: 和相邻的行内元素 在同一行
	2: 宽高 设置无效 水平方向的padding和margin 可以设置,垂直方向无效
	3: 默认宽度就是他文本的宽度
	4: 行内元素只能容纳行内元素和文本;<a> 标签例外
	注意: 
	1: 只有文字才可以组成段落,<p>标签里面不能放别的块级元素 
	<h1>~<h6> 还有<dt> 都是文字块级元素一样不能放别的块级元素
	
	2:<a>标签不能在放链接标签
	-->
    <meta charset="utf-8" />
    <title>行内元素</title>
	<style>
		span{
			background-color: #FF0000;
			width: 100px;
		}
	</style>
</head>

<body>
	<span>123</span>
	<span>456</span>
	<span>789</span>
</body>

</html>
